<!-- @format -->

<template>
    <div>
        <Child>
            <template #title><h1>插槽</h1></template>
            <!-- 都会放到默认插槽里面去 -->
            <span>默认的默认1111</span>
            <template v-slot:content="slotProps">
                <ul>
                    <li v-for="(item, i) in slotProps.list" :key="i">
                        {{ item.name }}
                    </li>
                </ul>
            </template>
              <!-- 都会放到默认插槽里面去 -->
            <span>默认的默认22222</span>
        </Child>
    </div>
</template>

<script setup lang="ts">
import Child from './Child.vue';
</script>

<style scoped lang="scss"></style>
